<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        *{padding: 0; margin: 0;}
        html,body{
             width: 100%; height: 100%;
             background: #9CBC2C;
             font-family: "微软雅黑";
        }
        ul,ol,input { list-style: none; border: none;}
        .main{ width:500px; margin: 50px auto; }
        .main .step{
             padding-left: 43px;
             color: #384313; font-size: 16px; font-weight: bold;
            text-shadow: 0 1px 1px #c0d576; line-height: 40px;
        }
        .main ul li {
             width: 400px; height: 25px;
             padding-left: 10px;padding-top: 5px; padding-bottom: 5px;
             background: rgba(255, 255, 255, .3);
             margin: auto; border: solid 2px #e3ebc3;
             border-color: rgba(255, 255, 255, .6);
             border-radius: 5px; margin-bottom: 4px;
        }
        .main ul li label{
             font-size: 13px; width: 110px; color: #111111;
             padding-left: 5px;
        }
        .main ul li input{
             border-radius: 3px;
             border: #FC3 solid 1px;
             width: 250px; height: 25px; outline: none;
             padding-left: 5px; margin-left: 35px;
        }
        .main .savebtn{
             display: block; width: 140px; height: 40px; line-height: 40px;
             text-align: center; color: #E3EBC3;
             font-weight: bold; cursor: pointer;
             border-radius: 5px; margin: 10px auto;
             box-shadow: 1px 1px 1px 0px gray;
             background: linear-gradient(#50B9FD,#1158A8);
        }
   </style>
</head>
<body>
    <div class="main">
        <span class="step">Step1:用户详细资料</span>
        <ul>
            <li>
                 <label>用户名称:</label>
                 <input type="text" placeholder="请输入用户名" />
            </li>
            <li>
                 <label>邮件地址:</label>
                 <input type="text" placeholder="example@qq.com" />
            </li>
            <li>
                 <label>练习电话:</label>
                 <input type="text" placeholder="18566666666" />
            </li>
        </ul>
        <span class="step">Step2:家庭住址（收货地址）</span>
        <ul>
            <li>
                 <label>详细地址:</label>
                 <input type="text" placeholder="请输入用户名" />
            </li>
            <li>
                 <label>邮政编码:</label>
                 <input type="text" placeholder="example@qq.com" />
            </li>
            <li>
                 <label>国&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;家:</label>
                 <input type="text" placeholder="13539008452" />
            </li>
        </ul>
        <span class="savebtn">保存</span>
   </div>
    <script>
        //1.判断一个整数属于哪个范围：大于0；小于0；等于0
        // var z=-7;
        // if(z>0){
        //     console.log(z+"是一个正数")
        // }else if(z<0){
        //     console.log(z+"是一个负数")
        // }else{
        //     console.log(0)
        // }
        //2.判断一个整数是偶数还是奇数，并输出判断结果
        // var num=-4;
        // if(num%2===0){
        //     console.log(num+"是偶数")
        // }else{
        //     console.log(num+"是基数")
        // }
        //3.开发一款软件，根据公式（身高-108）*2=体重，可以有10斤左右的浮动。来观察测试者体重是否合适
    //    var h=170;
    //    var w=100;
    //    var tz=(h-108)*2;
    //    if(w<tz-10){
    //     console.log("体重偏轻")
    //    }else if(w>tz-10&&w<tz+10){
    //     console.log("体重适中")
    //    }else{
    //     console.log("体重偏重")
    //    }
    //1.案例：输入年份，计算某一年是否为闰年
    //能被4整除且不能被100整除，或者能被400整除
    // var year=2024;
    // if(year%4===0&&year%100!==0||year%400===0){
    //    console.log(year+"是闰年") 
    // }else{
    //     console.log(year+"是平年")
    // }
    //2.案例：输入数字，显示星期几
    // 假设0就是周日
    //           假设1就是周一
    var num=0;
    switch(num){
        case 0:
        console.log("星期日");break;
        case 1:
        console.log("星期一");break;
        case 2:
        console.log("星期二");break;
        case 3:
        console.log("星期三");break;
        case 4:
        console.log("星期四");break;
        case 5:
        console.log("星期五");break;
        case 6:
        console.log("星期六");break;
           default:
           console.log("请输入0~6之间的数字")
    }
    // 1.案例：输入成绩分数，判定成绩等级
    // var grade=107;
    // if(grade>=90&&grade<=100
    //     console.log("学霸")
    // }else if(grade>=80&&grade<90){
    //     console.log("优秀")
    // }else if(grade>=70&&grade<80){
    //     console.log("良好")
    // }else if(grade>=60&&grade<70){
    //     console.log("及格")
    // }else if(grade>=0&&grade<60){
    //     console.log("不及格")
    // }else{console.log("成绩错了")}
    // var grade=108;
    // switch(true){
    //     case grade>=90&&grade<=100:
    //         console.log("学霸");
    //         break;
    //     case grade>=80&&grade<90:
    //        console.log("优秀");
    //        break;
    //     case grade>=70&&grade<80:
    //        console.log("良好");
    //        break;
    //     case grade>=60&&grade<70:
    //        console.log("及格");
    //        break;
    //     case grade>=0&&grade<60:
    //        console.log("不及格");
    //        break;
    //        default:
    //         console.log("请输入0~100之间的数字")
    // }
    // 2.输入月份，显示当月的天数
    // 要求：1) 利用case穿透简化代码
    // var mon=2;
    // var year=2022;
    // switch(mon){
    //     case 1:
    //     case 7:   
    //     case 5:
    //     case 7:   
    //     case 8:
    //     case 10:   
    //     case 12:
    //         console.log(mon+"月有31天");
    //         break;
    //     case 4:   
    //     case 6:
    //     case 9:   
    //     case 11: 
    //        console.log(mon+"月有30天");
    //        break;  
    //     case 2:
    //         if(year%4===0&&year%100!==0||year%400===0){
    //             console.log(mom+"月有29天")
    //         }else{
    //             console.log(mon+"月有28天")
    //         }  
    // }
    // 3.小贺刚上班，按工作时间小时制领取周工资，工资标准是，每小时rate元RMB。每周工作时间40小时，如果要加班，超出部分按正常工资的1.5倍计（老板还算不错）。这周小贺上班的时间为hour小时，请编程序，输入rate和hour，输出小贺本周的薪水。
    // var rate=50;
    // var hour=30;
    // if(hour>40){
    //     console.log((hour-40)*rate*1.5+rate*40)
    // }else{
    //     console.log(rate*hour)
    // }
    // 1.根据一个数字日期，判断这个日期是这一年的第几天例如： 2016和02和11，计算后结果为42
    // var year=2022;
    // var month=2;
    // var date=11;
    // var sum=0;
    // switch(month){
    //     case 12:
    //         sum=sum+30; 
    //     case 11:
    //         sum=sum+31;
    //     case 10:
    //         sum=sum+30;    
    //     case 9:
    //         sum=sum+31; 
    //     case 8:
    //         sum=sum+31;
    //     case 7:
    //         sum=sum+30; 
    //     case 6:
    //         sum=sum+31;
    //     case 5:
    //         sum=sum+30; 
    //     case 4:
    //         sum=sum+31;   
    //     case 3:
    //         if(year%4===0&&rear%100!==0||year%400===0){
    //             sum=sum+29;
    //         }else{
    //             sum=sum+28;
    //         }
    //     case 2:
    //         sum=sum+31;
    //     case 1:
    //         sum=sum+date;    
    // }
    // console.log(sum);
    </script>
</body>
</html>